<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
	<style>
		span{
			color: #ccc;
			
		}

		span:hover{
			color: blue;

		}

		span.myspan{
			font-size: 50px;
		}
	</style>
</head>
<body>
	<span class="fa fa-plane myspan"></span>
	<i class="fa fa-pencil fa-3x fa-spin"></i>
	<ul class="fa-ul">
	  <li><i class="fa-li fa fa-check-square fa-spin"></i>List icons</li>
	  <li><i class="fa-li fa fa-check-square"></i>can be used</li>
	  <li><i class="fa-li fa fa-spinner fa-spin"></i>as bullets</li>
	  <li><i class="fa-li fa fa-square"></i>in lists</li>
	</ul>
</body>
</html>







